<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body bgcolor="#faebd7">
<div id="app1">
    <input type="text" v-model="num">
    <button v-on:click="num++">点我加女神</button>
    <br>
    <input type="text" v-model="money">
    <button v-on:click="money++">点我加w</button>
    <h2>{{name}},啦啦啦 ~ ~</h2>
    <h2>有{{num}}位女神为他着迷</h2>
    <h2>并且身家{{money}}万</h2>
</div>
<div id="app2">
    <button v-on:click="num++">点我加女神</button>
    <br>
    <button v-on:click="money++">点我加w</button>
    <h2>{{name}},啦啦啦 ~ ~</h2>
    <h2>有{{num}}位女神为他着迷</h2>
    <h2>并且身家{{money}}万</h2>
</div>
<script src="node_modules/vue/dist/vue.js"></script>
<script>
    var app1 = new Vue({
        el : "#app1",
        data : {
            name : "rdl",
            num : 0,
            money : 5
        }
    })

    var app2 = new Vue({
        el : "#app2",
        data : {
            name : "rdl123",
            num : 0,
            money : 5
        }
    })
</script>
</body>
</html>